<div class="box-body">
  <form class="form-inline ">
    <div class="box box-default collapsed-box">
      <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px;margin-bottom:8px !important;">
        <button type="button" class="btn btn-primary" (click)="oToExportExcel()">
          <i class="fa fa-sign-out"></i>导出Excel</button>
        <button type="button" class="btn btn-box-tool pull-right" data-widget="collapse">
          <i class="fa fa-plus"></i>
        </button>
      </div>
      <div class="box-body">
        <div class="form-group" style="margin-top:15px;margin-bottom:10px">
          <label class="control-label text-right">产品名称：</label>
          <input class="form-control" type="text" [(ngModel)]="otopostBody.sFullName" name="sFullName" placeholder="请输入产品名称">
          <label class="control-label">产品代码：</label>
          <input type="text" class="form-control" id="sFundCode" name="sFundCode" [(ngModel)]="otopostBody.sFundCode" placeholder="产品代码">
          <label class="control-label">产品状态：</label>
          <select class="form-control" name="sIsRegisterChg" [(ngModel)]="otopostBody.sStatusRunning">
            <option [value]="''" selected="selected">全部</option>
            <option [value]="1">运行</option>
            <option [value]="0">暂停</option>
          </select>
          <button type="button" class="btn btn-primary" (click)="otoList(1)">
            <i class="fa fa-search"></i>查询</button>

        </div>
      </div>
    </div>
  </form>

  <div class="box-body" style="padding-left:0px;padding-right:0px;">
    <div style="overflow-x:scroll;width:100%">
      <table id="fixed-table" class="table table-bordered table-hover table-keep-line table-striped" style="table-layout:fixed">
        <thead>
          <tr>
            <th class="width-4">
              <div class="checkbox checkbox-primary">
                <input type="checkbox" [(ngModel)]="otoisCheckedAll" name="otoisCheckedAll" (ngModelChange)="checkedAll()">
                <label></label>
              </div>
            </th>
            <th class="width-8" (click)="orderData('sFundCode')">产品代码<i class="fa fa-sort"></i></th>
            <th class="width-12" (click)="orderData('sFundName')">产品简称<i class="fa fa-sort"></i></th>
            <th class="width-10" (click)="orderData('sFundType')">产品类型<i class="fa fa-sort"></i></th>
            <th class="width-10" (click)="orderData('sFundNumCode')">数字编码<i class="fa fa-sort"></i></th>
            <th class="width-10" (click)="orderData('sTrustee')">托管人名称<i class="fa fa-sort"></i></th>
            <th class="width-13" (click)="orderData('sBank')">托管户开户行<i class="fa fa-sort"></i></th>
            <th class="width-10" (click)="orderData('sResearcher')">产品研究员<i class="fa fa-sort"></i></th>
            <th class="width-10" (click)="orderData('sSalesman')">销售姓名<i class="fa fa-sort"></i></th>
            <th class="width-13" (click)="orderData('sPrincipal')">委托人<i class="fa fa-sort"></i></th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let item of otoDataList">
            <td class="width-4">
              <div class="checkbox checkbox-primary">
                <input type="checkbox" name="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll()">
                <label></label>
              </div>
            </td>
            <td (dblclick)="otoEdit(item)" class="width-8 short_name" [title]="item.sFundCode">{{item.sFundCode}}</td>
            <td (dblclick)="otoEdit(item)" class="width-12 short_name" [title]="item.sFullName">{{item.sFundName}}</td>
            <td (dblclick)="otoEdit(item)" class="width-10 short_name" [title]="item.sFundType">{{item.sFundType}}</td>
            <td (dblclick)="otoEdit(item)" class="width-10 short_name" [title]="item.sFundNumCode">{{item.sFundNumCode}}</td>
            <td (dblclick)="otoEdit(item)" class="width-10 short_name" [title]="item.sTrustee">{{item.sTrustee}}</td>
            <td (dblclick)="otoEdit(item)" class="width-13 short_name" [title]="item.sBank">{{item.sBank}}</td>
            <td (dblclick)="otoEdit(item)" class="width-10 short_name" [title]="item.sResearcher">{{item.sResearcher}}</td>
            <td (dblclick)="otoEdit(item)" class="width-10 short_name" [title]="item.sSalesman">{{item.sSalesman}}</td>
            <td (dblclick)="otoEdit(item)" class="width-13 short_name" [title]="item.sPrincipal">{{item.sPrincipal}}</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>

  <div class="box-footer clearfix" style="width:100%;">
    <app-pagination [currentPageNum]="otoListPageInfo.currentPageNum" [pagesShow]="" [totalPages]="otoListPageInfo.totalPages"
      (pageChanged)="otoPageNavigation($event)">
      <div class="pull-left pagination-detail" data-pagination-additional="true">
        <span class="pagination-info">
          当前显示第{{otoListPageInfo.startRow}}到第{{otoListPageInfo.endRow}}条，总共{{otoListPageInfo.total}}条，
        </span>
        <span class="page-list">
          每页记录
          <span class="btn-group dropup">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
              <span class="page-size">{{otoListPageInfo.pageSize}}</span>
        <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" role="menu">
          <li *ngFor="let i of otoListPageInfo.pageList" role="menuitem" [class.active]="otoListPageInfo.pageSize === i" (click)="otoSizeChange(i)">
            <a>{{i}}</a>
          </li>
        </ul>
        </span>
        条
        </span>
      </div>
    </app-pagination>
  </div>
</div>